<template>
<view class="personage">
    <view class="personageBar">
        <navigator class="personageBarA">
            <text>头像</text>
            <text>
                <text class="iconfont2 icon-sanjiaoxing-copy"></text>
                <text class="barRight">去绑定</text>
            </text>
        </navigator>
    </view>
    <view class="personageBar">
        <navigator class="personageBarA" url="/pages/personage/nickname/nickname">
            <text>昵称</text>
            <text>
                <text class="iconfont2 icon-sanjiaoxing-copy"></text>
                <text class="barRight">{{bbb}}</text>
            </text>
        </navigator>
    </view>
    <view class="personageBar">
        <navigator class="personageBarA" url="/pages/personage/phone/phone">
            <text>手机号</text>
            <text>
                <text class="iconfont2 icon-sanjiaoxing-copy"></text>
                <text class="barRight">去绑定</text>
            </text>
        </navigator>
    </view>
    <view class="personageBar">
        <navigator class="personageBarA">
            <text>帮助中心</text>
            <text>
                <text class="iconfont2 icon-sanjiaoxing-copy"></text>

            </text>
        </navigator>
    </view>
</view>
</template>

<script>
export default {
    name: '',
    data() {
        return {

        }
    },

    components: {
    },

    methods: {

    },

}
</script>

<style scoped>
@import '../../static/css/icon-font.wxss';

h1 {
    font-size: 50px;
}

.personage {
    width: 100%;
    height: 100%;
    background-color: #eee;
    font-size: 12px;
}

.personageBar {
    background-color: #fff;
}

.personageBarA {
    margin: 0 30rpx;
    padding: 30rpx 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.barRight {
    float: right;
}

.icon-sanjiaoxing-copy {

    float: right;
}
</style>
